import type { App } from 'vue'
import {
    ElInput,
    ElContainer,
    ElScrollbar,
    ElMenu
} from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import 'element-plus/dist/index.css';
// (ElMessage,ElLoading...)功能性组件，而非ui组件，不需要通过组件注册的的方式使用，所以不需要放在components，只需在页面中引入就可以使用
const components = [ElInput, ElContainer, ElScrollbar, ElMenu]

export default {
    install(app: App) {
        // 全局注册element-plus
        components.forEach((component: any) => {
            app.use(component)
        })
        // 全局注册element-icon
        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
            app.component(key, component)
        }
    }
}
